﻿@model IList<ProductOverviewModel>
@using Nop.Web.Framework.UI;
@using Nop.Web.Models.Catalog;
@if (Model.Count > 0)
{
    <div class="tabhead">
        <h3>
            @T("SevenSpikes.Themes.Electronics.ProductDetails.RelatedProducts")</h3>
    </div>
    <div class="tabinfo">
        <div class="related-products-grid">
            @(Html.DataList<ProductOverviewModel>(Model, 4,
            @<div class="item-box">
                <div class="item">
                    <div class="picture">
                        <a href="@Url.RouteUrl("Product", new { productId = item.Id, SeName = item.SeName })" title="@item.DefaultPictureModel.Title">
                            <img style="border-width: 0px;" alt="@item.DefaultPictureModel.AlternateText" src="@item.DefaultPictureModel.ImageUrl"
                                        title="@item.DefaultPictureModel.Title" /></a>
                    </div>
                    <div class="product-title">
                        <a href="@Url.RouteUrl("Product", new { productId = item.Id, SeName = item.SeName })" title="@item.DefaultPictureModel.Title">
                            @item.Name</a>
                    </div>
                </div>
            </div>
            ))
        </div>
    </div>
}